<template>
    <a-layout id="components-layout-demo-custom-trigger">
        <a-layout-sider v-model="collapsed" :trigger="null" collapsible>
            <div class="logo">vue各种实践</div>
            <system-menu></system-menu>
        </a-layout-sider>
        <a-layout>
            <a-layout-content
                    :style="{ margin: '24px 16px', padding: '24px', background: '#fff', minHeight: '280px' }"
            >
                <router-view></router-view>
            </a-layout-content>
        </a-layout>
    </a-layout>
</template>

<script>

    import SystemMenu from "@/components/system-menu/SystemMenu";

    export default {
        name: "BasicLayout",
        components: {
            SystemMenu
        },
        data: () => {
            return {
                collapsed: false
            }
        },
        methods: {

        }
    }
</script>

<style lang="scss" scoped>
    @import "BasicLayout";
</style>
